
<div class="scroll-table-container">
  <div class="infinite-scroll">
    <div class="table-handler prompt" style="position: absolute"
         ng-click="minimizeToggle($event)">
    </div>
    <div class="table-handler"/>
    <table class="table table-condensed table-striped table-hover">
      <thead>
        <tr>
          <th ng-repeat="column in ::headers" style="font-size: 90%">
            <span>{{::column.name}}</span>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="row in rows" ng-if="row.visible">
            <td ng-repeat="item in ::row.data" style="font-size: 90%" >
              <span ng-if="::item.tree"
                    ng-style="::{'margin-left': row.depth + 'em'}"
                    class="rekall-tree">
                <span ng-if="::row.branch === undefined"
                      style="margin-left: 15px" />
                <a ng-if="::row.branch !== undefined"
                   ng-click="toggleTreeNode(row)" >
                  <span ng-class="{'glyphicon-expand': !row.opened,
                                   'glyphicon-collapse-down': row.opened}"
                        class="glyphicon" />
                </a>
              </span>
              <rekall-object object="::item.data" />
            </td>
          </span>
        </tr>
      </tbody>
    </table>
  </div>
</div>
